<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript">
	$(function() {
		var url = 'cardAction!getCharts.action';
		var id = 'financeMgt_saleCharts';
		setsaleCharts(url);
	});
	function setsaleCharts(url) {
		var Chart = echarts.init(document.getElementById("financeMgt_saleCharts"));
		Chart.showLoading({
			text : 'Loding...'
		});

		var categories = [];
		var values = [];
		$.ajax({
			url : url,
			dataType : "json",
			type : 'post',
			success : function(json) {
				console.log(json+1);
				var str=json.substring(1,(json.length-1));
				console.log(str+2);
				var option = {

					tooltip : {
						trigger : 'axis',
						axisPointer : {
							type : 'line',
							lineStyle : {
								color : 'rgba(0,0,0,0.2)',
								width : 1,
								type : 'solid'
							}
						}
					},

					legend : {
						data : [ '月卡', '年卡', '半年卡', '年卡', '两年卡' ]
					},

					singleAxis : {
						top : 50,
						bottom : 50,
						axisTick : {},
						axisLabel : {},
						type : 'time',
						axisPointer : {
							animation : true,
							label : {
								show : true
							}
						},
						splitLine : {
							show : true,
							lineStyle : {
								type : 'dashed',
								opacity : 0.2
							}
						}
					},

					series : [ {
						type : 'themeRiver',
						itemStyle : {
							emphasis : {
								shadowBlur : 20,
								shadowColor : 'rgba(0, 0, 0, 0.8)'
							}
						},
						data : [['2018/05/18',0,'月卡'],['2018/05/19',0,'月卡'],['2018/05/20',0,'月卡'],['2018/05/21',0,'月卡'],['2018/05/22',0,'月卡'],['2018/05/23',1,'月卡'],['2018/05/24',0,'月卡'],['2018/05/18',0,'季卡'],['2018/05/19',0,'季卡'],['2018/05/20',0,'季卡'],['2018/05/21',0,'季卡'],['2018/05/22',0,'季卡'],['2018/05/23',0,'季卡'],['2018/05/24',0,'季卡'],['2018/05/18',0,'半年卡'],['2018/05/19',0,'半年卡'],['2018/05/20',0,'半年卡'],['2018/05/21',0,'半年卡'],['2018/05/22',0,'半年卡'],['2018/05/23',0,'半年卡'],['2018/05/24',0,'半年卡'],['2018/05/18',0,'年卡'],['2018/05/19',0,'年卡'],['2018/05/20',0,'年卡'],['2018/05/21',0,'年卡'],['2018/05/22',0,'年卡'],['2018/05/23',0,'年卡'],['2018/05/24',0,'年卡'],['2018/05/18',0,'两年卡'],['2018/05/19',0,'两年卡'],['2018/05/20',0,'两年卡'],['2018/05/21',0,'两年卡'],['2018/05/22',0,'两年卡'],['2018/05/23',1,'两年卡'],['2018/05/24',0,'两年卡']]
					} ]
				};
				Chart.hideLoading();
				Chart.setOption(option);

			}
		});
	};
</script>
<div id="financeMgt_saleCharts" style="width: 100%; height: 100%;"></div>
